.essential-theme {
  ion-list, ion-item-group {
    ion-item-divider {
      // color:  white;
      font-size: 1.2rem;
      font-weight: 300;
      border-bottom: none;
    }

    ion-item-divider:not([color]) {
      background-color: $fallback-bg-color;
      color: map-get($colors, is-mute-dark);
    }

    ion-list-header, ion-list-header.list-header-ios {
      border-top: none;
      border-bottom: none;
      color: map-get($colors, is-mute-normal);
      text-transform: capitalize;
      font-weight: 400;
    }

    ion-list-header + button.item, ion-list-header + ion-item {
      border-top: 1px solid map-get($colors, is-mute-light);
    }

    button.item, ion-item {

      h2 {
        color: map-get($colors, is-text-dark);
      }

      p {
        color: map-get($colors, is-mute-dark);
      }

      ion-thumbnail {
        margin: 13px 13px 13px 0;
      }

      ion-thumbnail.is-icon-thumbnail {
        min-width: 60px;
        min-height: 60px;
        border-radius: 5px;
        display: flex;
        align-items: center;
        justify-content: center;

        ion-icon {
          color: white;
          font-size: 1.5em;
        }
      }

      ion-avatar.is-icon-avatar {
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;

        ion-icon {
          color: white;
          font-size: 1.5em;
        }
      }

      ion-note {
        font-size: 12px;
        color: map-get($colors, is-mute-normal);
      }

      ion-note + div.is-title-with-info h2 {
        margin-top: 6px;
        font-weight: 400;
      }

      div.is-title-with-info {
        display: flex;
        position: relative;

        h3 {
          position: absolute;
          right: 0px;
          margin-top: 6px;
        }
      }

      button[outline][round] {
        color: map-get($colors, is-mute-dark);
        border-color: map-get($colors, is-mute-light);
        border-radius: 15px;
      }

      border-bottom: 1px solid map-get($colors, is-mute-light);
      border-left: 1px solid map-get($colors, is-mute-light);
      border-right: 1px solid map-get($colors, is-mute-light);

      .item-input:last-child {
        border-bottom: 0px;
      }

      div[item-end].is-list-vertical-buttons {
        text-align: center;

        .checkbox {
          margin-right: 0px;
        }
      }
    }

    button.item:last-child, ion-item:last-child {
      border-bottom: 1px solid map-get($colors, is-mute-light);
    }

    button.item.item-block .item-inner, ion-item.item-block .item-inner {
      border: none;
    }

    button.item:first-child, ion-item:first-child {
      border-top: 1px solid map-get($colors, is-mute-light);
    }

    ion-item-sliding ion-item:first-child {
      border-top: none;
    }

    ion-icon:not([color]) {
      color: map-get($colors, is-mute-normal);
    }

    button[color] {
      ion-icon {
        color: white;
      }
    }

    ion-item.is-item-thumb-bordered {
      ion-thumbnail {
        ion-icon {
          font-size: 2em;
        }

        ion-icon.is-icon-no-color {
          color: map-get($colors, is-mute-normal) !important;
        }
      }

      .item-inner {
        padding-left: 16px;
        border-left: 1px solid map-get($colors, is-mute-light);
      }
    }
  }

  ion-item-group > ion-item {
    h2 {
      font-size: 1.5rem;
      font-weight: 300;
      color: map-get($colors, is-text-dark);
    }

    p {
      font-size: 1.2rem;
      font-weight: 400;
    }

    button {
      text-transform: capitalize;
      font-weight: 400;
    }
  }

  ion-list.is-items-aligned-start {
    ion-item {
      align-items: start;
    }
  }

  .list-avatar-buttons {
    ion-item .item-button[icon-only]:not(:last-child) {
      padding-right: 10px;

      ion-icon {
        color: map-get($colors, is-text-dark);
      }
    }
  }

  .is-list-button {
    margin-bottom: 12px;
    border-radius: 5px;

    .item-block:first-child {
      border-top: 0px;
    }

    button:not(:last-child) {
      border-bottom: 1px solid map-get($colors, is-mute-light);
    }

    .item-block .item-inner {
      border: none;
    }

    .item-block:last-child {
      border-bottom: none;
    }
  }

  .is-list-button.list-md {
    border: 1px solid map-get($colors, is-mute-light);
  }

  ion-list[padding], ion-list[inset] {
    ion-list-header + ion-item, ion-list-header + button.item {
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
    }

    button.item:first-child, ion-item:first-child {
      border-top-right-radius: 5px;
      border-top-left-radius: 5px;
    }

    button.item:last-child, ion-item:last-child {
      border-bottom-right-radius: 5px;
      border-bottom-left-radius: 5px;
    }
  }

  .list-md .item-input:last-child {
    border-bottom: 1px solid map-get($colors, is-mute-light);
  }

  .list-ios > .item-block:last-child {
    border-bottom: 1px solid map-get($colors, is-mute-light);
  }

  .list-ios > .item-block:first-child {
    border-top: 1px solid map-get($colors, is-mute-light);
  }

  .list-ios > .item-wrapper:last-child .item-block {
    border-bottom: 1px solid map-get($colors, is-mute-light);
  }

  ion-list[no-lines] {
    ion-item.item-block, .item-block:first-child, .item-block:last-child {
      border: none;
    }
  }

  ion-list[inset] {
    .item:first-child {
      border-top: 1px solid map-get($colors, is-mute-light);
    }

    .item:last-child {
      border-bottom: 1px solid map-get($colors, is-mute-light);
    }
  }

  .list-ios[inset] .item {
    border-bottom: 1px solid map-get($colors, is-mute-light);;
  }

  .is-item-hint {

    ion-label {
      margin-top: 0;
    }
    p {
      font-size: 1rem;
    }
  }
}
